scrollbars.css
ASCII text, with CRLF line terminators
1
::-webkit-scrollbar {
2
width: 17px;
3
height: 17px;
4
border: 0 solid rgba(0, 0, 0, 0.1);
5
background-color: rgba(255, 255, 255, 0.8);
6
background-clip: padding-box;
7
}
8
9
::-webkit-scrollbar:horizontal {
10
border-top-width: 1px;
11
}
12
13
::-webkit-scrollbar:vertical {
14
border-left-width: 1px;
15
}
16
17
::-webkit-scrollbar-thumb {
18
width: 32px;
19
height: 32px;
20
border: 4px solid transparent;
21
border-radius: 8px;
22
background-color: rgba(0, 0, 0, 0.48);
23
background-clip: padding-box;
24
}
25
26
::-webkit-scrollbar-thumb:horizontal {
27
border-top-width: 5px;
28
border-radius: 8px 8px 8px 8px / 9px 9px 8px 8px;
29
}
30
31
::-webkit-scrollbar-thumb:vertical {
32
border-left-width: 5px;
33
border-radius: 9px 8px 8px 9px / 8px 8px 8px 8px;
34
}
35
36
::-webkit-scrollbar-thumb:hover {
37
background-color: rgba(0, 0, 0, 0.64);
38
}
39
40
::-webkit-scrollbar-thumb:active {
41
background-color: rgba(0, 0, 0, 0.8);
42
}
43
44
::-webkit-scrollbar-thumb:disabled {
45
background-color: rgba(0, 0, 0, 0.192);
46
}
47
48
::-webkit-scrollbar-corner {
49
border-top: 1px solid rgba(0, 0, 0, 0.1);
50
border-left: 1px solid rgba(0, 0, 0, 0.1);
51
background-color: rgba(255, 255, 255, 0.8);
52
background-clip: padding-box;
53
}
54